<template>
    <div class="fjh">
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item name="1">
          <template slot="title">
            <div>
              <i
                class="el-icon-document"
                style="font-size: 22px; margin-right: 10px"
              ></i>
              <span style="font-weight: 900; font-size: 16px">肺结核可疑症状筛查和推介情况表</span>
              <el-button
                size="small"
                type="primary"
                icon="el-icon-plus"
                style="position: absolute; right: 8%; margin-top: 8px"
                @click.stop="goto_open"
                >新增肺结核可疑症状筛查和推介情况表</el-button
              >
            </div>
          </template>
          <div>
            <el-table
              :data="tableData"
              style="width: 100%; margin-top: 15px"
              :header-cell-style="{
                color: '#000',
                backgroundColor: 'rgb(222,234,255)',
              }"
              height="250"
            >
              <el-table-column prop="date" label="序号"> </el-table-column>
              <el-table-column prop="date" label="创建时间"> </el-table-column>
              <el-table-column prop="date" label="最近更新时间">
              </el-table-column>
              <el-table-column prop="date" label="筛查时间"> </el-table-column>
              <el-table-column prop="date" label="填表人"> </el-table-column>
              <el-table-column prop="date" label="填表人单位"> </el-table-column>
              <el-table-column prop="date" label="来源"> </el-table-column>
              <el-table-column prop="date" label="随访项目"> </el-table-column>
              <el-table-column
                prop="date"
                label="操作"
                fixed="right"
                width="220"
                align="center"
              >
                <template slot-scope="">
                  <el-button
                    type="primary"
                    plain
                    size="mini"
                    style="background-color: #fff; color: rgb(47, 160, 254)"
                    >下载</el-button
                  >
                  <el-button
                    type="primary"
                    plain
                    size="mini"
                    style="background-color: #fff; color: rgb(47, 160, 254)"
                    >预览</el-button
                  >
                  <el-button
                    type="primary"
                    plain
                    size="mini"
                    style="background-color: #fff; color: rgb(47, 160, 254)"
                    >修改</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-collapse-item>
      </el-collapse>
      <!-- 弹层开始 -->
      <el-dialog
        title="肺结核可疑症状筛查和推介情况表"
        :visible.sync="dialogVisible"
        width="96%"
        style="margin-top: -10vh"
        :before-close="handleClose"
        :append-to-body="true"
        :close-on-click-modal="false"
      >
        <div style="height: 65vh; overflow: auto">
          <fjhkyzzsc></fjhkyzzsc>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">关 闭</el-button>
          <el-button type="primary" @click="dialogVisible = false"
            >保 存</el-button
          >
        </span>
      </el-dialog>
      <!-- 弹层结束 -->
    </div>
  </template>
  
  <script>
  import fjhkyzzsc from "@/views/dialog_info/fjhkyzzsc.vue"; // 肺结核可疑症状筛查和推介情况表
  export default {
    components: {
      fjhkyzzsc,
    },
    data() {
      return {
        activeNames: [],
        tableData: [],
        dialogVisible: false,
      };
    },
    methods: {
      handleChange(val) {
      },
      goto_open() {
        this.dialogVisible = true;
      },
      handleClose() {
        this.dialogVisible = false;
      },
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .fjh {
  }
  </style>